const EVENT_SHOW = 'show'

const refresh = {
    created() {
        // 用于已将show方法抽象为mixin的组件
        // 监听当前实例上的自定义事件。
        this.$on(EVENT_SHOW, () => {
            // 刷新以重新计算高度
            this.$nextTick(() => {
                this.$refs.scroll.refresh()
            })
        })
    }
}

// 滑动参数，防止页面斜线滑动
const option = {
    data() {
        return {
            // 页面纵向滚动配置
            scrollOptions: {
                // 取消默认点击行为
                click: false,
                // 防止横竖滑动冲突
                directionLockThreshold: 0
            }
        }
    }
}

export {
    refresh as refreshMixin,
    option as optionMixin
}
